<!doctype html>
<html>

<head>
		<meta charset="utf-8">
		<title>赛事成绩查询</title>
		<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1, user-scalable=no">
		<meta name="apple-mobile-web-app-capable" content="yes">
		<meta name="apple-mobile-web-app-status-bar-style" content="black">
		<link rel="stylesheet" href="css/mui.min.css">
		<link rel="stylesheet"  type="text/css" href="css/iconfont.css">
		<style type="text/css">
			#list {
				/*避免导航边框和列表背景边框重叠，看起来像两条边框似得；*/
				margin-top: -1px;
			}
		</style>
	</head>

	<body>
		<style>
					* {
					    touch-action: pan-y;
					}
					body{
						background-color: #FFFFFF;
					}
					.mui-control-content {
						background-color: white;
						min-height: 35rem;
					}
					.mui-control-content .mui-loading {
						margin-top: 3.125rem;
					}
					.mui-table-view .mui-media-object{
						height: 6.25rem;
						max-width: 8.125rem;
					}
					.mui-bar-nav{
						position: absolute;
							background-color: #e94709;

					}
				.top-return {
				position: absolute;
				    width: 10%;
					top: 0.1875rem;
						}
						.top-return img{
						     width: 75%;
								}
				.mui-bar-nav .mui-title{
						color: #FFFFFF;
				}

				.top-logo {
				position: absolute;
				    width: 10%;
					left: 28%;
					top: 0.1875rem;
						}
						.top-logo img{
						    width: 90%;
								}
				.top-menu {
				position: absolute;
					width: 10%;
					right: 5%;
					top: 0.1875rem;
						}
						.top-menu img{
							 width: 75%;
								}
								.mui-bar-tab .mui-tab-item.mui-active{
									color: #ea4609;
								}
					.mui-input-row{
						overflow: unset;
					}

					 .mui-search input[type=search] {
						      background-color: #EFEFEF;
						      width: 80%;
						      border-radius: 3.125rem;
							  border: 1px #eee solid;
						      height: 2.5625rem;
					}
					.top-slider{
						z-index: 15;
						margin-top:15% ;
						overflow: unset;
					}
					.top-slider .mui-slider-group .mui-slider-item img{
						    width: 100%;
					}
					.mui-indicator .mui-active{
						background-color:#000000;
					}
					.mui-search .mui-placeholder{
						color: #595757;
						line-height: 2.5rem;
						font-size: 0.9375rem;
						width: 45%;
						}

						.mui-segmented-control.mui-segmented-control-inverted .mui-control-item.mui-active{
							color: #585858;
							border-bottom: 0;
						}

						.mui-bar-tab .mui-tab-item.mui-active{
							color: #ea4609;
						}
		.mui-bar-nav~.mui-content{
			margin-bottom: 10%;
			margin-top: 5%;
		}
		.mui-table-view .mui-media-object{
			max-width: 40%;
		}
		.mui-content{
			background-color: #FFFFFF;
		}
		.addtime{
			padding-top: 0.625rem;
			font-size: 0.625rem;
		}
		.grade-content{
			    position: absolute;
			    top: 6%;
				height: 50rem;
			    width: 100%;
		}
		.mui-input-row .mui-btn{
		background-color: #a4a4a4;
		float: none;
		border-radius: 1.125rem;
		color: #fff;
		padding: 0;
		height: 2.5rem;
		}
		.mui-slider{
			background-color: #efefef;
		}
		.mui-slider-indicator.mui-segmented-control .mui-control-item {
			padding: 1px;
			border-left:1px solid #c1c1c1 ;
			color: #585858;
		}
		.mui-slider .mui-segmented-control.mui-segmented-control-inverted .mui-control-item.mui-active{
			border-bottom:3px solid #e94709 ;
			color: #585858;
		}
		.mui-table-view-cell:after{
			height: 0;
		}
		.mui-ios .mui-table-view-cell img{
			max-width: 100%;
			width: 100%;
		}
		.mui-card{
			margin: 0;
			box-shadow:none;
		}
		.mui-table-view{
			background-color: #efefef;
		}
		.mui-input-row .mui-input-clear~.mui-icon-clear{
			display: none;
		}

</style>
		<header class="mui-bar mui-bar-nav">
			<a class="top-return mui-action-back"><img src="images/return.png" ></a>
			<a class="top-logo"><img src="images/logo.png" ></a>
			<h1 class="mui-title">
					Aitimt 爱计时</h1>
			<a href="#popover" id="openPopover" class="top-menu" ><img src="images/menu.png" ></a>
			<div id="popover" class="mui-popover">
			  <ul class="mui-table-view">
			    <li class="mui-table-view-cell"><a href="#">Item1</a></li>
			    <li class="mui-table-view-cell"><a href="#">Item2</a></li>
			    <li class="mui-table-view-cell"><a href="#">Item3</a></li>
			    <li class="mui-table-view-cell"><a href="#">Item4</a></li>
			    <li class="mui-table-view-cell"><a href="#">Item5</a></li>
			  </ul>
			</div>
		</header>
		<div class="grade-content">
			<div id="slider" class="mui-slider">
				<div id="sliderSegmentedControl" class="mui-slider-indicator mui-segmented-control mui-segmented-control-inverted">
					<a class="mui-control-item mui-active" href="#item1mobile">按赛事查询</a>
					<a class="mui-control-item" href="#item2mobile">按证件查询</a>
				</div>
				<div class="mui-slider-group">
					<div id="item1mobile" class="mui-slider-item mui-control-content mui-active">
						<div id="scroll1" class="mui-scroll-wrapper">
							<div class="mui-scroll">
								<div class="mui-input-row mui-search" style="margin-left: 5%;margin-top: 5%;">
										<input type="search" class="mui-input-clear" placeholder="搜索赛事名称">
										<button onclick="location.href='no.html';" type="button" class="mui-btn" style="width: 15%;">查询</button>
								</div>
								<div class="mui-card">
									<ul class="mui-table-view mui-table-view-chevron">
										<li class="mui-table-view-cell mui-collapse"><a class="mui-navigate-right" href="#">2019赛事成绩</a>
											<ul class="mui-table-view mui-table-view-chevron">
												<li class="mui-table-view-cell"><a class="mui-navigate-right" href="grade-event.html">iOS</a>
												</li>
												<li class="mui-table-view-cell"><a class="mui-navigate-right" href="grade-event.html">Android</a>
												</li>
												<li class="mui-table-view-cell"><a class="mui-navigate-right" href="grade-event.html">HTML5</a>
												</li>
											</ul>
										</li>
										<li class="mui-table-view-cell mui-collapse"><a class="mui-navigate-right" href="#">2018赛事成绩</a>
											<ul class="mui-table-view mui-table-view-chevron">
												<li class="mui-table-view-cell"><a class="mui-navigate-right" href="grade-event.html">PC方案</a>
												</li>
												<li class="mui-table-view-cell"><a class="mui-navigate-right" href="grade-event.html">手机方案</a>
												</li>
												<li class="mui-table-view-cell"><a class="mui-navigate-right" href="grade-event.html">TV方案</a>
												</li>
											</ul>
										</li>
										<li class="mui-table-view-cell mui-collapse"><a class="mui-navigate-right" href="#">2017赛事成绩</a>
											<ul class="mui-table-view mui-table-view-chevron">
												<li class="mui-table-view-cell"><a class="mui-navigate-right" href="#">公司新闻</a>
												</li>
												<li class="mui-table-view-cell"><a class="mui-navigate-right" href="#">行业新闻</a>
												</li>
											</ul>
										</li>
									</ul>
								</div>
							</div>
						</div>
					</div>
					<div id="item2mobile" class="mui-slider-item mui-control-content">
						<div id="scroll2" class="mui-scroll-wrapper">
							<div class="mui-scroll">
								<div class="mui-input-row mui-search" style="margin-left: 5%;margin-top: 5%;">
										<input type="search" class="mui-input-clear" placeholder="请输入证件号">
										<button onclick="location.href='no.html';" type="button" class="mui-btn" style="width: 15%;">查询</button>
								</div>
								<div class="mui-card">
									<ul class="mui-table-view mui-table-view-chevron">
										<li class="mui-table-view-cell mui-collapse"><a class="mui-navigate-right" href="#">2019赛事成绩</a>
											<ul class="mui-table-view mui-table-view-chevron">
												<li class="mui-table-view-cell"><a class="mui-navigate-right" href="#">iOS</a>
												</li>
												<li class="mui-table-view-cell"><a class="mui-navigate-right" href="#">Android</a>
												</li>
												<li class="mui-table-view-cell"><a class="mui-navigate-right" href="#">HTML5</a>
												</li>
											</ul>
										</li>
										<li class="mui-table-view-cell mui-collapse"><a class="mui-navigate-right" href="#">2018赛事成绩</a>
											<ul class="mui-table-view mui-table-view-chevron">
												<li class="mui-table-view-cell"><a class="mui-navigate-right" href="#">PC方案</a>
												</li>
												<li class="mui-table-view-cell"><a class="mui-navigate-right" href="#">手机方案</a>
												</li>
												<li class="mui-table-view-cell"><a class="mui-navigate-right" href="#">TV方案</a>
												</li>
											</ul>
										</li>
										<li class="mui-table-view-cell mui-collapse"><a class="mui-navigate-right" href="#">2017赛事成绩</a>
											<ul class="mui-table-view mui-table-view-chevron">
												<li class="mui-table-view-cell"><a class="mui-navigate-right" href="#">公司新闻</a>
												</li>
												<li class="mui-table-view-cell"><a class="mui-navigate-right" href="#">行业新闻</a>
												</li>
											</ul>
										</li>
									</ul>
								</div>
							</div>
						</div>

					</div>

				</div>
			</div>

		</div>
	<!-- 公共底部start -->
	<nav class="mui-bar mui-bar-tab">
		<a class="mui-tab-item " href="index.html">
			<span class="mui-icon iconfont icon-home"></span>
			<span class="mui-tab-label">首页</span>
		</a>
		<a class="mui-tab-item" href="event.html">
			<span class="mui-icon iconfont icon-qizhi"></span>
			<span class="mui-tab-label">赛事</span>
		</a>
		<a class="mui-tab-item mui-active" href="grade.html">
			<span class="mui-icon iconfont icon-svg"></span>
			<span class="mui-tab-label">成绩</span>
		</a>
		<a class="mui-tab-item" href="my.html">
			<span class="mui-icon iconfont icon-copy"></span>
			<span class="mui-tab-label">我的</span>
		</a>
	</nav>
		<!-- 公共底部end -->
		<script src="js/mui.min.js"></script>
		<script type="text/javascript">
		mui.init({
			swipeBack:true //启用右滑关闭功能
		});
		var slider = mui(".mui-slider");

				slider.slider({
					interval: 000
				});

			mui('.mui-bar').on('tap','a',function(){
				document.location.href=this.href;
			})
		</script>

	</body>

</html>
